<!DOCTYPE html>  
<html lang="en">  
<head>  
  <meta charset="UTF-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  <title>原神官网</title>  
  <link rel="stylesheet" href="../css/index.css">  
</head>  
<link rel="icon" href="../images/2.png" type="image/png">
<body id="con">
    <header>   
          <ul id="bg">  
            <li id="btn">
                <a href="https://ys.mihoyo.com/main/">首页</a>  
            <ul id="dis">
                <li><a href="../else/new.html">新闻</a></li>  
                <li><a href="../else/character.html">角色</a></li>  
                <li><a href="../else/activity.html">活动</a></li>  
                <li><a href="https://ys-api.mihoyo.com">下载</a></li>  
            </ul>
            <li><a href="../else/new.html">新闻</a></li>  
            <li><a href="../else/character.html">角色</a></li>  
            <li><a href="../else/activity.html">活动</a></li>  
            <li><a href="https://ys-api.mihoyo.com">下载</a></li>  
          </ul>  
 
        <img id="logo" src="../images/1.png" alt="logo">
      </header>  
        
    
  <main>  
    <section>  
      <h1>原神官网</h1>  
      <p>欢迎来到原神的世界！</p>  
        
      <button><a href="https://ys-api.mihoyo.com">立即下载</a></button>  

      <video src="../images/video.mp4"autoplay muted loop></video>
    </section>  
  </main>  
    
  <footer>  
    <p>© 2022 原神官方网站. All Rights Reserved.</p>  
  </footer>  
</body>  
</html>
<script src="../js/index.js"></script>